<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>客服咨询</title>
<link rel="stylesheet" type="text/css" href="css/jquery.dataTables.css"/>
<link type="text/css" href="css/bootstrap.min.css" rel="stylesheet"/>
<link type="text/css" href="css/commonStyle.css" rel="stylesheet"/>
<style type="text/css" class="init"></style>
<script type="text/javascript" language="javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.dataTables.js"></script>
<script type="text/javascript" language="javascript" class="init">
$(document).ready(function() 
{
	$('#example').dataTable();
	$('#example1').dataTable();
	
		$('a.toggle-vis').on( 'click', function (e) {
		e.preventDefault();

		// Get the column API object
		var column = table.column( $(this).attr('data-column') );

		// Toggle the visibility
		column.visible( ! column.visible() );
	} );
	
} );
</script>
</head>

<body>
<!--the outeset wrap starts-->
<h3 class="Page_title">客服咨询</h3>
<div class="container" style="margin:0px; width:1060px;">
  <div class="row show-grid" style="border:1px solid #999999; padding:20px; border-radius:25px;">
    <table id="example1" class="display" cellspacing="0">
      <thead>
        <tr>
          <th>序号</th>
            <th>用户</th>
            <th>联系方式</th>
            <th>用户问题</th>
            <th>客服反馈</th>
            <th>状态</th>
            <th>提问时间</th>
            <th>客服</th>
            <th>操作</th>
        </tr>
      </thead>
      <tfoot>
        <tr>
           <th></th>
            <th> <input type="text" placeholder="编号" class="input-box-control"/></th>
            <th> <input type="text" placeholder="用户" class="input-box-control"/></th>
            <th> <input type="text" placeholder="关键词" class="input-box-control"/></th>
            <th> <select class="input-box-control">
                  <option selected value="Unlimited">不限</option>
                  <option value="路演活动">路演活动</option>
                  <option value="创业分享">创业分享</option>
                  <option value="行业交流">行业交流</option>
                </select>
              </th>
              <th> <select class="input-box-control" style="width: 89px;">
                  <option selected value="Unlimited">不限</option>
                  <option value="新建">新建</option>
                  <option value="已回复">已回复</option>
                </select>
              </th>
              <th> <select class="input-box-control" style="width: 90px;">
                  <option selected value="Unlimited">不限</option>
                  <option value="张三">张三</option>
                  <option value="李四">李四</option>
                  <option value="王五">王五</option>
                </select>
              </th>
          <th> <button class="btn btn-default">
              <a href="javascript:void(0);">查询</a>
              </button>
            </th>
            <th><button class="btn btn-default">
              <a href="javascript:void(0);">重置</a>
              </button></th>
        </tr>
      </tfoot>
      <tbody>
        <tr>
          <td><label class="">
              <input type="checkbox" value="one"/>
              1 </label></td>
          <td><a href="javascript:void(0);">咨询标题</a></td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>12/12/12</td>
            <td>12/12/13</td>
            <td>admin</td>
            <td><button class="btn btn-primary" id="GarAc_edi">
                    <a href="gardenNewConsulting.html" style="color:white;">查看</a>
              </button>
                <button class="btn btn-primary" style="width: 82px;">
              <a href="javascript:void(0);" style="color:white;">回复</a>
              </button></td>
        </tr>
        <tr>
          <td><label class="">
                <input type="checkbox" value="one"/>
                2 </label></td>
            <td><a href="javascript:void(0);">咨询标题</a></td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>12/12/12</td>
            <td>12/12/13</td>
            <td>admin</td>
            <td><button class="btn btn-primary" id="GarAc_edi">
                    <a href="gardenNewConsulting.html" style="color:white;">查看</a>
              </button>
                <button class="btn btn-primary" style="width: 82px;">
              <a href="javascript:void(0);" style="color:white;">回复</a>
              </button></td>
        </tr>
        <tr>
          <td><label class="">
                <input type="checkbox" value="one"/>
                3 </label></td>
            <td><a href="javascript:void(0);">咨询标题</a></td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>12/12/12</td>
            <td>12/12/13</td>
            <td>admin</td>
            <td><button class="btn btn-primary" id="GarAc_edi">
                    <a href="gardenNewConsulting.html" style="color:white;">查看</a>
              </button>
                <button class="btn btn-primary" style="width: 82px;">
              <a href="javascript:void(0);" style="color:white;">回复</a>
              </button></td>
        </tr>
        <tr>
          <td><label class="">
                <input type="checkbox" value="one"/>
                4 </label></td>
          <td><a href="javascript:void(0);">咨询标题</a></td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>12/12/12</td>
            <td>12/12/13</td>
            <td>admin</td>
            <td><button class="btn btn-primary" id="GarAc_edi">
                    <a href="gardenNewConsulting.html" style="color:white;">查看</a>
              </button>
                <button class="btn btn-primary" style="width: 82px;">
              <a href="javascript:void(0);" style="color:white;">回复</a>
              </button></td>
        </tr>
        <tr>
          <td><label class="">
                <input type="checkbox" value="one"/>
                5 </label></td>
           <td><a href="javascript:void(0);">咨询标题</a></td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>12/12/12</td>
            <td>12/12/13</td>
            <td>admin</td>
            <td><button class="btn btn-primary" id="GarAc_edi">
                    <a href="gardenNewConsulting.html" style="color:white;">查看</a>
              </button>
                <button class="btn btn-primary" style="width: 82px;">
              <a href="javascript:void(0);" style="color:white;">回复</a>
              </button></td>
        </tr>
      </tbody>
    </table>
  </div>
  <div class="row show-grid">
      <button class="btn btn-primary col-md-1 btn-style-new" style="margin-left:350px; width: 100px;">
        <a href="gardenNewConsulting.html" style="color:white;">新建</a>
    </button>
      <button class="btn btn-primary col-md-1 btn-style-new" style="margin-left: 150px; width: 100px;">隐藏</button>
    <!--  	<table border="1">
      <tr>
        <td>
        	<button class="btn btn-primary col-md-4"></button>
        </td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
</table>--> 
    
  </div>
  <!--top part ends-->
  <hr/>
  <!--bottom part starts-->
  <div class="row show-grid" style="border:1px solid #999999; padding:20px; border-radius:25px;"> 
    <!--table list starts-->
    <div class="col-md-12" >
      <form action="">
        <table id="example" class="display" cellspacing="0">
          <thead>
            <tr>
              <th>序号</th>
              <th>操作内容</th>
              <th>备注</th>
              <th>操作者</th>
              <th>操作时间</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>001</td>
              <td>新建</td>
              <td>null</td>
              <td>张三</td>
              <td>2011/04/25</td>
            </tr>
            <tr>
              <td>002</td>
              <td>删除</td>
              <td>删除重复内容</td>
              <td>李四</td>
              <td>2011/07/25</td>
            </tr>
          </tbody>
        </table>
      </form>
    </div>
    <!--table list ends--> 
  </div>
  <!--bottom part ends--> 
  
</div>
<!--the outeset wrap ends-->
</body>
</html>
